<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>用户主页</title>
    <link rel="stylesheet" href="../layui/css/layui.css">
    <link rel="stylesheet"  href="css/style1.css">
    <script type="text/javascript" src="http://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script>
    <style>
        .allTotal{
            height:275px;
            width: 66%;
            float: left;
            text-align: center;
            margin-left: 15%;
            line-height: 60px;
            background-color: rgba(106, 177,256, 0.1);
        }
    </style>
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">

    <!-- layui的水平导航 -->
    <div class="layui-header">
        <div class="layui-logo"><strong>高校健康上报系统</strong></div>
    </div>

    <!-- layui的垂直导航 -->
    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <ul class="layui-nav layui-nav-tree"  lay-filter="test">
                <li class="layui-nav-item layui-this">
                    <a href="/zhuye"><i class="layui-icon layui-icon-home"></i>  用户主页</a>
                </li>
                <li class="layui-nav-item">
                    <a href="/userinfo"><i class="layui-icon layui-icon-survey"></i>  个人信息上报</a>
                </li>
                <li class="layui-nav-item">
                    <a href="/record"><i class="layui-icon layui-icon-log"></i>  上报记录</a>
                </li>
                <li class="layui-nav-item">
                    <a href="/china"><i class="layui-icon layui-icon-list"></i>  国内省份数据</a>
                </li>
                <li class="layui-nav-item">
                    <a href="/global1"><i class="layui-icon layui-icon-list"></i>  全球国家数据</a>
                </li>
                <li class="layui-nav-item">
                    <a href="/regional"><i class="layui-icon layui-icon-list"></i>  全球地区数据</a>
                </li>
                <li class="layui-nav-item">
                    <a href="/logout"><i class="layui-icon layui-icon-logout"></i>  退出系统</a>
                </li>
            </ul>
        </div>
    </div>

    <div class="layui-body">
        <div class="container">
            <div class="brief">
                <div class="brief_header">
                    <br><br>
                    <h2>全球新型冠状病毒实时数据统计</h2><br><br>
                    <h3>统计截至:<span th:text="${#dates.format(data.now,'yyyy-MM-dd')}"></span></h3>
                </div>
            </div>
            <ul class="brief_body">
                <li class="nowConfirm">
                    <div class="change"><span>较上日</span><b th:text="'+' +${data.nowConfirm.diffFromPrevDay}"></b></div>
                    <div class="number" th:text="${data.nowConfirm.totalCases}"></div>
                    <div class="item">现有确诊</div>
                </li>
                <li class="allConfirm">
                    <div class="change"><span>较上日</span><b th:text="'+' +${data.confirmed.diffFromPrevDay}"></b></div>
                    <div class="number" th:text="${data.confirmed.totalCases}"></div>
                    <div class="item">累计确诊</div>
                </li>
                <li class="cureNum">
                    <div class="change"><span>较上日</span><b th:text="'+' +${data.recovered.diffFromPrevDay}"></b></div>
                    <div class="number" th:text="${data.recovered.totalCases}"></div>
                    <div class="item">治愈人数</div>
                </li>
                <li class="deadNum">
                    <div class="change"><span>较上日</span><b th:text="'+' +${data.deaths.diffFromPrevDay}"></b></div>
                    <div class="number" th:text="${data.deaths.totalCases}" ></div>
                    <div class="item">死亡人数</div>
                </li>
            </ul><br><br>
            <div align="center">
                <h3>欢迎登录高校健康上报系统</h3>
            </div>
            <br><br>
            <div class="allTotal" >
                <h3>风险地区</h3>
                <table class="layui-hide" id="LAY_table_user" lay-filter="user"></table>
            </div>
        </div>
    </div>

    <script src="../layui/layui.js"></script>
    <script>
        layui.use('element', function(){
            var element = layui.element;

        });
        layui.use('table', function() {
            var table = layui.table;
            table.render({
                elem: '#LAY_table_user'
                , url: '/riskmange'
                , cellMinWidth: 80
                , cols: [
                    [
                        {field: 'highriskarea', title: '高风险地区'}
                        , {field: 'midriskarea', title: '中风险地区'}
                    ]
                ]
                , id: 'testReload'
            });
        });
    </script>
</div>
</body>
</html>